@import 'src/styles/mixins';

.mge-content {
  margin-top: 1%;
  margin-top: 1%;
  @include wh(100%, 97%);
  .mge-content-title {
    margin: 0 15px;
    color: #2b2a2a;
    font-weight: 500;
    padding: 0 15px;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 1px #e0e0e0;
    .mge-content-btn {
      height: 100%;
      float: right;
      text-align: right;
    }
  }
  // 搜索部分
  .mge-search-bar {
    box-shadow: 0 1px 5px 1px #e0e0e0;
    margin: 0 15px;
    background: #FFFFFF;
    padding: 15px;
    .mge-search-input {
      input {
        border-radius: 18px;
        padding: 3px 15px;
      }
    }
    .mge-search-button {
      border-radius: 18px;
    }
    .mge-search-add {
      background-color: #36a972;
      border-color: #36a972;
      &:hover,
      &:focus {
        background-color: #2e8b57;
        border-color: #2e8b57;
      }
      &:active {
        background-color: #228b22;
        border-color: #228b22;
      }
      i {
        line-height: 1;
      }
    }
  }
  .table-content {
    margin: 0 15px;
    background: #FFF;
    min-height: calc(100% - 136px);
    box-shadow: 0 1px 5px 1px #e0e0e0;
    position: relative;
    padding-bottom: 67px;
    .padding {
      position: absolute;
      bottom: 0;
      right: 0;
    }
    .el-table__header-wrapper {
      border-color: #F1F1F1;
    }
    .el-table {
      color: #797979;
      border: none;
      &::before {
        height: 0;
        background-color: transparent;
      }
      &::after {
        width: 0;
      }
      th {
        background: #fafafa;
        height: 45px;
        .cell {
          height: 30px;
          line-height: 30px;
          color: #2b2a2a;
        }
      }
      td{
        height: 45px;
        .cell {
          height: 30px;
          line-height: 30px;
          color: #797979;
        }
      }
      td, th.is-leaf {
        border-color: #f2f2f2;
      }
    }
  }
  .content-body {
    border-top:1px solid #f2f2f2;
    margin: 0 15px;
    padding: 40px 15px;
    background: #FFFFFF;
    min-height: calc(100% - 85px);
  }
}
